<template>
  <div>
    <el-table
        :data='orderInfo'
        ref="multipleTable"        
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange">
        <el-table-column
          type="selection"
          width="55">
        </el-table-column>
        <el-table-column
          prop='ordernums'
          label="订单号"
          width="220">              
        </el-table-column>
        <el-table-column
          prop='status'
          label="状态"
          width="220">          
        </el-table-column>  
        <el-table-column
          prop='orderdate'
          label="订单日期"
          width="220">          
        </el-table-column>
        <el-table-column
          prop='platenumber'
          label="车牌号"
          width="220">          
        </el-table-column>      
        <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
      </template>
    </el-table-column>    
      </el-table>
  </div>
</template>

<script>
export default {
  name:'',
  data() {
    return {
      
    }
  },
  props:['orderInfo'],
  created() {
    console.log(this.orderInfo);
    
  },
  methods: {
     handleSelectionChange(val) {
        this.multipleSelection = val;
      },
       handleEdit(index, row) {
        console.log(index, row);
      },
      handleDelete(index, row) {
        console.log(index, row);
      }
      
  }
}
</script>

<style>

</style>